<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">

<head>
<title>博客</title>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link
	href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700"
	rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface"
	rel="stylesheet">

<link
	href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700"
	rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface"
	rel="stylesheet">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/open-iconic-bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/animate.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/owl.carousel.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/owl.theme.default.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/magnific-popup.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/aos.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/ionicons.min.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/bootstrap-datepicker.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/jquery.timepicker.css">


<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/flaticon.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/icomoon.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/user/css/style.css">
	
 <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css"  media="all">
</head>
<body>


	<jsp:include page="nav.jsp"></jsp:include>
	<!-- END nav -->

	<div class="hero-wrap js-fullheight"
		style="background-image: url('${pageContext.request.contextPath}/user/images/bg_1.jpg');">
		<div class="overlay"></div>
		<div class="container">
			<div
				class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"
				data-scrollax-parent="true">
				<div class="col-md-9 text-center ftco-animate"
					data-scrollax=" properties: { translateY: '70%' }">
					<p class="breadcrumbs"
						data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">
						<span class="mr-2"><a href="index">主页</a></span> <span>博客</span>
					</p>
					<h1 class="mb-3 bread"
						data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">博客
					</h1>
				</div>
			</div>
		</div>
	</div>



	<section class="ftco-section bg-light">
		<div class="container">
			<div class="row d-flex">
				<%-- <div class="col-md-4 d-flex ftco-animate">
					<div class="blog-entry align-self-stretch">
						<a href="listBlogSingle01" class="block-20"
							style="background-image: url('${pageContext.request.contextPath}/user/images/罗维尼01.jpg');">
						</a>
						<div class="text">
							<span class="tag">Tips, Travel</span>
							<h3 class="heading mt-3">
								<a href="#">罗维尼：不止有亚德里亚海上最美的夕阳</a>
							</h3>
							<div class="meta mb-3">
								<div>
									<a href="#">October 3, 2018</a>
								</div>
								<div>
									<a href="#">Admin</a>
								</div>
								<div>
									<a href="#" class="meta-chat"><span class="icon-chat"></span>
										3</a>
								</div>
							</div>
						</div>
					</div>
				</div> --%>
				<%-- <div class="col-md-4 d-flex ftco-animate">
					<div class="blog-entry align-self-stretch">
						<a href="blog-single.html" class="block-20"
							style="background-image: url('${pageContext.request.contextPath}/user/images/阿姆斯特丹01.jpg');">
						</a>
						<div class="text">
							<span class="tag">Culture</span>
							<h3 class="heading mt-3">
								<a href="#">【荷兰】阿姆斯特丹：谜一样的性感水城</a>
							</h3>
							<div class="meta mb-3">
								<div>
									<a href="#">October 3, 2018</a>
								</div>
								<div>
									<a href="#">Admin</a>
								</div>
								<div>
									<a href="#" class="meta-chat"><span class="icon-chat"></span>
										3</a>
								</div>
							</div>
						</div>
					</div>
				</div> --%>
			<%-- 	<div class="col-md-4 d-flex ftco-animate">
					<div class="blog-entry align-self-stretch">
						<a href="blog-single.html" class="block-20"
							style="background-image: url('${pageContext.request.contextPath}/user/images/马拉加01.jpg');">
						</a>
						<div class="text">
							<span class="tag">Tips, Travel</span>
							<h3 class="heading mt-3">
								<a href="#">【西班牙】马拉加西班牙的安达卢西亚 毕加索的故乡</a>
							</h3>
							<div class="meta mb-3">
								<div>
									<a href="#">October 3, 2018</a>
								</div>
								<div>
									<a href="#">Admin</a>
								</div>
								<div>
									<a href="#" class="meta-chat"><span class="icon-chat"></span>
										3</a>
								</div>
							</div>
						</div>
					</div>
				</div> --%>
				<%-- <div class="col-md-4 d-flex ftco-animate">
					<div class="blog-entry align-self-stretch">
						<a href="blog-single.html" class="block-20"
							style="background-image: url('${pageContext.request.contextPath}/user/images/维拉蔓豪01.jpg');">
						</a>
						<div class="text">
							<span class="tag">Tips, Travel</span>
							<h3 class="heading mt-3">
								<a href="#">维拉蔓豪vilamendhoo岛：我的完美海岛度假</a>
							</h3>
							<div class="meta mb-3">
								<div>
									<a href="#">October 3, 2018</a>
								</div>
								<div>
									<a href="#">Admin</a>
								</div>
								<div>
									<a href="#" class="meta-chat"><span class="icon-chat"></span>
										3</a>
								</div>
							</div>
						</div>
					</div>
				</div> --%>
				<%-- <div class="col-md-4 d-flex ftco-animate">
					<div class="blog-entry align-self-stretch">
						<a href="blog-single.html" class="block-20"
							style="background-image: url('${pageContext.request.contextPath}/user/images/阿维拉01.jpg');">
						</a>
						<div class="text">
							<span class="tag">Culture</span>
							<h3 class="heading mt-3">
								<a href="#">【西班牙】最高冷的小城，世遗小城阿维拉</a>
							</h3>
							<div class="meta mb-3">
								<div>
									<a href="#">October 3, 2018</a>
								</div>
								<div>
									<a href="#">Admin</a>
								</div>
								<div>
									<a href="#" class="meta-chat"><span class="icon-chat"></span>
										3</a>
								</div>
							</div>
						</div>
					</div>
				</div> --%>
				<%-- <div class="col-md-4 d-flex ftco-animate">
					<div class="blog-entry align-self-stretch">
						<a href="blog-single.html" class="block-20"
							style="background-image: url('${pageContext.request.contextPath}/user/images/新疆01.jpg');">
						</a>
						<div class="text">
							<span class="tag">Tips, Travel</span>
							<h3 class="heading mt-3">
								<a href="#">冬季新疆那拉提玩雪，水墨雪域画中游</a>
							</h3>
							<div class="meta mb-3">
								<div>
									<a href="#">October 3, 2018</a>
								</div>
								<div>
									<a href="#">Admin</a>
								</div>
								<div>
									<a href="#" class="meta-chat"><span class="icon-chat"></span>
										3</a>
								</div>
							</div>
						</div>
					</div>
				</div> --%>



				<c:forEach items="${pd.data}" var="blog">
					<div class="col-md-4 d-flex ftco-animate">
						<div class="blog-entry align-self-stretch">
							<a href="listBlogSingle?bid=${blog.bid}" class="block-20"
								style="background-image: url('${blog.bimg}');"> </a>
							<div class="text">
								<span class="tag">Tips, Travel</span>
								<h3 class="heading mt-3">
									<a href="#">${blog.btitle},${list.bid}</a>
								</h3>
								<div class="meta mb-3">
									<div>
										<a href="#">October 3, 2018</a>
									</div>
									<div>
										<a href="#">Admin</a>
									</div>
									<div>
										<a href="#" class="meta-chat"><span class="icon-chat"></span>
											</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</c:forEach>

				<!-- <div id="demo7"></div> -->
				
				
				
				
				
						<div class="col text-center">
							<div class="block-27">
								<ul>
								   <li><a href="${pageContext.request.contextPath}/Userapi/getblogbypage?page=1">首页</a></li>
									<li><a href="${pageContext.request.contextPath}/Userapi/getblogbypage?page=${pd.page-1}">&lt;</a></li>
									<c:if test="${pd.page-2>0}">
									<li><a href="${pageContext.request.contextPath}/Userapi/getblogbypage?page=${pd.page-2}">${pd.page-2}</a></li>
									</c:if>
									<c:if test="${pd.page-1>0}">
									<li><a href="${pageContext.request.contextPath}/Userapi/getblogbypage?page=${pd.page-1}">${pd.page-1}</a></li>
									</c:if>
									<li class="active"><span>${pd.page}</span></li>
									<c:if test="${pd.page+1<=pd.count}">
									<li><a href="${pageContext.request.contextPath}/Userapi/getblogbypage?page=${pd.page+1}">${pd.page+1}</a></li>
									</c:if>
									<c:if test="${pd.page+2<=pd.count}">
									<li><a href="${pageContext.request.contextPath}/Userapi/getblogbypage?page=${pd.page+2}">${pd.page+2}</a></li>
									</c:if>
									<li><a href="${pageContext.request.contextPath}/Userapi/getblogbypage?page=${pd.page+1}">&gt;</a></li>
									<li><a href="${pageContext.request.contextPath}/Userapi/getblogbypage?page=${pd.count}">末页</a></li>
								</ul>
								<span>共${pd.count}页</span>
							</div>
						</div>
					
			</div>
 
			
		</div>
	</section>

	<section class="ftco-section-parallax">
		<div class="parallax-img d-flex align-items-center">
			<div class="container">
				<div class="row d-flex justify-content-center">
					<div
						class="col-md-7 text-center heading-section heading-section-white ftco-animate">
						<h2>订阅我们</h2>

						<div class="row d-flex justify-content-center mt-5">
							<div class="col-md-8">
								<form action="#" class="subscribe-form">
									<div class="form-group d-flex">
										<input type="text" class="form-control" placeholder="请输入邮箱地址">
										<input type="submit" value="地址" class="submit px-3">
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<jsp:include page="footer.jsp"></jsp:include>
	
	<script src="${pageContext.request.contextPath}/layui/layui.js" charset="utf-8"></script>
	
	<!-- <script type="text/javascript">
	
	layui.use(['laypage', 'layer'], function(){
		  var laypage = layui.laypage
		  ,layer = layui.layer;
	
	 //完整功能
	  laypage.render({
	    elem: 'demo7'
	    ,count: 100
	    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
	    ,jump: function(obj){
	      console.log(obj)
	    }
	  });
	});
	</script> -->

</body>
</html>